<template>
  <div class="recoverForm">
    <yd-navbar :title="title">
       <router-link to="/recoverResult" slot="left">
            <yd-navbar-back-icon></yd-navbar-back-icon>
        </router-link>
    </yd-navbar>
    <img src="/static/img/icon/form-icons.png" alt="" style="width:100%">
    <yd-cell-group>
        <yd-cell-item>
            <span slot="left">手机号：</span>
            <input slot="right" type="tel" placeholder="请输入手机号">
        </yd-cell-item>
        <yd-cell-item arrow>
                <span slot="left">所在地区：</span>
                <input slot="right" type="text" @click.stop="show1 = true" v-model="model1" readonly placeholder="请选择省市">
            </yd-cell-item>
        <yd-cell-item>
            <span slot="left">详细地址：</span>
            <input slot="right" type="tel" placeholder="请输入详细地址">
            </yd-cell-item>
    </yd-cell-group>
    <div style="margin: 0 .2rem">
      <yd-button size="large" type="primary" @click.native="submitForm">确定下单</yd-button>
    </div>
    <div style="margin: 0 .2rem">
      <yd-button size="large" type="danger" @click.native="backQues">重新评估</yd-button>
    </div>
    <yd-cityselect v-model="show1" :done="result1" :items="district"></yd-cityselect>
  </div>
</template>

<script>
import District from 'ydui-district/dist/gov_province_city_area_id';

export default {
  name: 'recoverForm',
  data () {
    return {
      title:"手机回收-iphone6-订单",
      money:"2800",
      show1: false,
      model1: '',
      district: District
    }
  },
  methods:{
    submitForm: function(){
      this.$router.push("/formSuccess/recoverIndex");
    },
    backQues: function(){
      this.$router.push("/recoverQues");
    },
    result1(ret) {
      this.model1 = ret.itemName1 + ' ' + ret.itemName2 + ' ' + ret.itemName3;
    }
  }

}
</script>
<style scoped>
</style>
